<!--Created by LeonTao on 17/3/23.--><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>医疗影像云平台</title><!-- Bootstrap Core CSS-->
    <link href="vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"><!-- Custom Fonts-->
    <link href="vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet"
          type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <!-- Theme CSS--><!--link(href='css/grayscale.min.css', rel='stylesheet')-->
    <link href="css/grayscale.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
    <!-- WARNING: Respond.js doesn't work if you view the page via file://--><!--if lt IE 9script(src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')
script(src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')--></head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"><!-- Navigation-->
<nav role="navigation" class="navbar navbar-custom navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" data-toggle="collapse" data-target=".navbar-main-collapse" class="navbar-toggle">
                Menu<i class="fa fa-bars"></i></button>
            <a href="#page-top" class="navbar-brand page-scroll"><i class="fa fa-play-circle"></i><span
                    class="light"></span> 医疗影像云平台</a></div>
        <!-- Collect the nav links, forms, and other content for toggling-->
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                <!-- Hidden li included to remove active class from about link when scrolled up past about section-->
                <li class="hidden"><a href="#page-top"></a></li>
                <li><a href="#about" class="page-scroll">影像云平台</a></li>
                <li><a href="#download" class="page-scroll">图像辅助分析</a></li>
                <li><a href="#contact" class="page-scroll">数字出版</a></li>
            </ul>
        </div><!-- /.navbar-collapse--></div><!-- /.container--></nav><!-- Intro Header-->
<header class="intro">
    <div class="intro-body">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2"><h1 class="brand-heading"></h1>
                    <div class="form">
                        <ul class="tab-group">
                            <li class="tab active"><a href="#signup">注册</a></li>
                            <li class="tab"><a href="#login">登录</a></li>
                        </ul>
                        <div class="tab-content">
                            <div id="signup"><h1>免费注册<a id="person-signup-btn" href="person-signup"
                                                        class="button button-block">个人用户</a><a
                                    id="organization-signup-btn" href="organization-signup" class="button button-block">机构用户</a>
                            </h1></div>
                            <div id="login"><h1>欢迎回来</h1>
                                <form id="form-login" method="post">
                                    <div class="field-wrap"><label>邮箱/用户名<span class="req">*</span></label><input
                                            type="text" name="name-email" required="" autocomplete="off"></div>
                                    <div class="field-wrap"><label>密码<span class="req">*</span></label><input
                                            type="password" name="pass" required="" autocomplete="off"></div>
                                    <p class="forgot"><a href="#">忘记密码？</a></p>
                                    <button id="login-btn" class="button button-block">立即登录</button>
                                </form>
                            </div>
                        </div>
                    </div><!--登录框--><a href="#about" class="btn btn-circle page-scroll"><i
                            class="fa fa-angle-double-down animated"></i></a></div>
            </div>
        </div>
    </div>
</header><!-- About Section-->
<section id="about" class="container content-section text-center">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2"><h2>影像云平台</h2>
            <p>医疗机构、医生、患者可以通过电脑、平板、手机登录平台，实现三方互联。安全高效，便捷灵活，真正开启移动互联的智慧云影像时代。
                <!--a(href='http://startbootstrap.com/template-overviews/grayscale/') the preview page--></p>
            <p>
                医学影像学在医学诊断领域是一门新兴的学科，不过目前在临床的应用上是非常广泛的，对疾病的诊断提供了很大的科学和直观的依据，可以更好的配合临床的症状、化验等方面，为最终准确诊断病情起到不可替代的作用；同时也很好的应用在治疗方面。　
                <!--a(href='http://gratisography.com/') Gratisography-->
                <!--|  along with a custom Google Maps skin courtesy of-->
                <!--a(href='http://snazzymaps.com/') Snazzy Maps--><!--| .--></p><a
                    href="http://startbootstrap.com/template-overviews/grayscale/"
                    class="btn btn-default btn-lg">进入云平台</a></div>
    </div>
</section><!-- Download Section-->
<section id="download" class="content-section text-center">
    <div class="download-section">
        <div class="container">
            <div class="col-lg-8 col-lg-offset-2"><h2>图像辅助分析</h2>
                <p>图像增强技术应用、图像分割方法应用、图像配准方法应用、图像可视化方法应用、计算机辅助检测与计算机辅助诊断，以及医学图像压缩、存储与通信和图像引导手术与医学虚拟现实。</p><a
                        href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">进行探索</a>
            </div>
        </div>
    </div>
</section><!-- Contact Section-->
<section id="contact" class="container content-section text-center">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2"><h2>医学数字出版</h2>
            <p>
                在数字时代下，传统出版社正在形成一种共识，那就是谁能够适应新的发展趋势，加快内容和服务的数字化，更好地利用数字媒体和数字渠道传播内容，加速自身经营模式的数字化转型，谁就能够赢得未来的市场，成为数字化浪潮中的弄潮儿。</p>
            <!--p//a(href='mailto:feedback@startbootstrap.com') feedback@startbootstrap.com--><a
                    href="http://startbootstrap.com/template-overviews/grayscale/"
                    class="btn btn-default btn-lg">数字出版</a>
            <ul class="list-inline banner-social-buttons"><!--li-->
                <!--    a.btn.btn-default.btn-lg(href='https://twitter.com/SBootstrap')-->
                <!--        i.fa.fa-twitter.fa-fw--><!--        span.network-name Twitter--><!--li-->
                <!--    a.btn.btn-default.btn-lg(href='https://github.com/IronSummitMedia/startbootstrap')-->
                <!--        i.fa.fa-github.fa-fw--><!--        span.network-name Github--><!--li-->
                <!--    a.btn.btn-default.btn-lg(href='https://plus.google.com/+Startbootstrap/posts')-->
                <!--        i.fa.fa-google-plus.fa-fw--><!--        span.network-name Google+--></ul>
        </div>
    </div>
</section><!-- Map Section--><!--#map--><!-- Footer-->
<footer>
    <div class="container text-center"><p>Copyright © 西安交通大学医学影像平台 2017</p></div>
</footer><!-- jQuery-->
<script src="vendors/jquery/dist/jquery.min.js"></script>
<script src="vendors/jquery/dist/jquery.form.min.js"></script><!--script(src='old_vendor/jquery-2.2.3.min.js')-->
<!--script(src='old_vendor/jquery.form.min.js')--><!-- Bootstrap Core JavaScript-->
<script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script><!-- Plugin JavaScript-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/-->
<!--script(type='text/javascript', src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false')-->
<!-- Theme JavaScript--><!--script(src='js/views/grayscale.js')-->
<script src="js/views/index.js"></script>
<script src="js/views/grayscale.min.js"></script>
</body>
</html>